.aboutContainer {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
  }
  
  .abanner {
    width: 100%;
    height: auto; /* Adjust as needed */
    object-fit: cover;
    display: block;
  }
  
  .aboutLeft,
  .aboutRight {
    position: absolute;
    /* height: auto; */
    top: 15%;
    transform: translateY(-15%);
    /* color: #fff;  */
    /* Ensure text is visible on the image */
  }
  
  .aboutLeft {
    left: 15%;
    width: 30%; /* Adjust size as needed */
    text-align: center;
  }
  
  .aboutLeft img {
    width: 100%;

    border-radius: 5%; /* Circular profile picture */
  }
  
  .aboutRight {
    right: 5%;
    width: 50%; /* Adjust size as needed */
    text-align: left;
    /* background: #ffffff30;  */
    padding: 0 40px;
    /* border-radius: 10px; */
  }
  .aboutRight h2{
    font-weight: 600;
  }
  
  .aboutRight h2,
  .aboutRight p {
    margin: 10px 0;
    font-weight: 400;
  }
  

  /* Media Queries for Responsiveness */


/* For medium devices (max-width: 900px) */
@media (max-width: 900px) {

  .abanner {
    
    display:none; /* Adjust as needed */
   
  }
  .aboutLeft {
    padding-top:120px;
    left: 10%;
    width: 20%; /* Adjust size */
  }

  .aboutRight {
    padding-top:200px;
    right: 10%;
    width: 60%; /* Adjust size */
  }

  .aboutRight h2 {
    font-size: 1.8rem;
  }

  .aboutRight p {
    font-size: 1.1rem;
  }
}

/* For small devices (max-width: 600px) */
@media (max-width: 600px) {
  .abanner {
    
    display:none; /* Adjust as needed */
   
  }
  .aboutLeft,
  .aboutRight {
    position: static; /* Stack elements vertically */
    transform: none;
    text-align: center;
    padding-top: 20px;
  }

  .aboutLeft {
    margin-top:50px;
    width: 40%; /* Reduce size for small screens */
    margin: 0 auto;
  }

  .aboutRight {
    width: 90%; /* Center align content */
    padding: 0 20px;
  }

  .abanner {
    height: 200px; /* Reduce banner height */
  }

  .aboutRight h2 {
    font-size: 1.5rem; /* Adjust font size */
  }

  .aboutRight p {
    font-size: 1rem;
  }
}